$(function(){
    var pageSize = 5;
    var currentpage = 1;
    function render(){
        $.ajax({
            url:'/user/queryUser',
            type:'get',
            data:{
                pageSize:pageSize,
                page:currentpage
            },
            dataType:'json',
            success:function(res){
                console.log(res);
                var htmlStr = template('temp',res)
                $('tbody').html(htmlStr)
                setpage(res.total)
            }
    })
    }
    render()

    // 页面的禁用启用功能搭在
    // 1，点击禁用/启用按钮，获取该行数据的ID和状态（isdelete）
    var id = null;
    var isDelete = null;
    // !!要注册委托事件!!!
    $('tbody').on('click','.btn-exec',function(){
        id = $(this).parent().data('id')
        isDelete = $(this).hasClass('btn-danger')?0:1
        console.log(id,isDelete);
    })
    // 2,点击确定按钮--渲染数据/隐藏模态框
    $('.btn-ok').on('click',function(){
        console.log('点击事件触发了');
        
        $.ajax({
            url:'/user/updateUser',
            type:'post',
            data:{
                id:id,
                isDelete:isDelete
            },
            dataType:'json',
            success:function(res){
                // 渲染数据
            render()
            // 隐藏模态框
            $('#myModal').modal('hide')               
            }
        })
    })

// 添加分页功能
// 1，引入插件
// 2，创建父盒子
// 3，调用函数
function setpage(total){
    $("#paginator").bootstrapPaginator({
        bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
        currentPage:currentpage,//当前页
        totalPages:Math.ceil(total / pageSize),//总页数
        size:"small",//设置控件的大小，mini, small, normal,large
        onPageClicked:function(event, originalEvent, type,page){
          //为按钮绑定点击事件 page:当前点击的按钮值
          currentpage = page;
          render()
        }              
    })
}


})